// 渐变
.fade-enter-from,
.fade-leave-to {
	opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity 0.2s ease;
}

// 整体项目切换动画
.fade-transform-enter-active,
.fade-transform-leave-active {
	transition: all var(--el-transition-duration) ease-in-out;
}

.fade-transform-enter-from {
	transform: translateX(-5%);
	opacity: 0;
}

.fade-transform-leave-to {
	transform: translateX(5%);
	opacity: 0;
}

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
	transition: var(--el-transition-all);
}

.breadcrumb-enter-from,
.breadcrumb-leave-active {
	opacity: 0;
	transform: translateX(20px);
}

.breadcrumb-move {
	transition: var(--el-transition-all);
}

.breadcrumb-leave-active {
	position: absolute;
}

// 闪烁
.go-animation-twinkle {
	animation: twinkle 2s ease;
	animation-iteration-count: infinite;
	opacity: 1;
}
@keyframes twinkle {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

// 移动动画
.list-complete-item {
	transition: all 1s;
}
.list-complete-enter-from,
.list-complete-leave-to {
	opacity: 0;
	transform: translateY(30px);
}
.list-complete-leave-active {
	position: absolute;
}
